<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
   		 <title>编辑资料</title>
    	<script src="js/mui.min.js"></script>
    	<link href="css/mui.min.css" rel="stylesheet"/>
    	<script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
    	
    	<style>
		.dataheader header{
		border: 1px solid gainsboro;
		box-shadow: none;
		}
		.dataheader h1{
		top: 14px;
		}
		.datacentar1{
			border: 1px solid gainsboro;
			height: 55px;
			margin-top: 95px;
			width: 100%;
			}
		.datacentar2{
			border: 1px solid gainsboro;
			height: 55px;
			margin-top: 12px;
			width: 100%;
			}
		.datafooter button{
			line-height: 10px;
			display: block;
			margin-top: 60px;
			margin-left: 170px;
		}
  	  	</style>
  	  	
	</head>
	
	<body>
		
		<div class="dataheader">
		<header class="mui-bar mui-bar-nav" style="height: 73px; background: white;padding-top: 13px;">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">编辑个人资料</h1>
		</header>
		</div>
	
		<div class="datacentar1" style="position: relative;">
			<div style="position: absolute; top: 13px; left: 40px; font-size: 15px;">头像</div>
			<div class="mui-icon mui-icon-arrowright" style="position: relative; left:330px; top: 13px;"></div>			
		</div>
		
		<div class="datacentar2" style="position: relative;">
			<div style="position: absolute; top: 13px; left: 40px; font-size: 15px;">昵称</div>
			<div class="mui-icon mui-icon-arrowright" style="position: relative; left:330px; top: 13px;"></div>			
		</div>
		

	
	</body>
</html>
